page-team-my {
  //头部
  ion-header {
    //取消全局的 顶部box-shadow
    box-shadow: none !important;
    ion-navbar {
      @extend %toolbarBackground;
      padding-bottom: 2.3rem !important;
      .toolbar-background {
        //取消默认的 顶部下划线
        border: none !important;
      }
      //icon 按钮
      ion-buttons {
        & > button { 
          height: 3.1rem !important;
        }
        button span.button-inner {
          display: inline-block;
          color: #a3a3bf !important;
        }
        &:last-of-type {
          margin-right: 1.6rem;
        }
        .button-inner {
          margin-top: 1.1rem !important;
        }
        .ion-ios-tianjia:before {
          font-size: 2rem;
        }
      }

      //标题
      @extend %ionTitle;
    }
  }
  ion-content {
    background: #f5f6fa !important;
    .scroll-content {
      margin-top: 5.6rem;
      & > div:last-of-type {
        //解决滑动区域问题
        height: 100%;
        .slide-zoom {
          height: 100%;
        }
      }
    }
    //加入团队 创建团队
    .a-tabs {
      position: relative;
      padding-bottom: 1rem;
      padding-left: 5.4rem;
      background: $color-light !important;
      overflow: hidden;
      box-shadow: $shadow;
      a { 
        width: 10.2rem;
         
        height: 2.4rem;
        margin: 0;
        padding: 0;
        display: inline-block;

        font-size: 1.4rem;
        text-align: left;
        color: #90919d;
      }
      a:last-of-type {
        width: auto;
      }

      //a 标签的下划线
      &::after {
        position: absolute;
        bottom: 0;

        content: "";
        display: block;
        width: 6rem;
        height: 0.2rem;

        background: linear-gradient(to right, #7c7bf8, #5aa9fc);

        transition: all 0.3s linear;
      }
      //当选中 加入团队时
      &.join::after {
        left: 5.2rem !important;
      }
      //当选中 创建团队时
      &.new::after {
        left: 15.8rem !important;
      } 
      //当选中 创建团队时
      &.last::after {
        left: 26.4rem !important;
      }
    }

    //团队列表

    ion-list.list-ios {
      @extend %ionList;
    }
  }
}